<!-- 继承布局模板  -->
{{extend '../common/layout.html'}}

<!-- 引入头部文件 -->
{{block 'title'}}
<title>文章详情</title>
{{/block}}
<!-- css文件引入 -->
{{block 'css'}}
<link rel="stylesheet" href="/font/iconfont.css">
<link rel="stylesheet" href="/css/header.css">
<link rel="stylesheet" href="/css/article.css">
<link rel="stylesheet" href="/public/release/wangEditor.css">
<link rel="stylesheet" href="/css/rating.css"> {{/block}}

<!-- 主体内容 -->
{{block 'content'}}
<!-- 引入头部文件 -->
{{include '../common/header.html'}}
<!-- {{block 'header'}} {{/block}} -->
<div class="article-wrapper">
    <div class="row">
        <div class="col col-lg-8 article-main">
            <div class="article-head">
                <div class="article-title-wrapper">
                    <span class="level">{{lists.classify}}</span>
                    <h3 class="title">
                        {{lists.title}}
                    </h3>
                </div>
                <div class="article-desc-wrapper">
                    <span>发布于 {{lists.time}} </span>
                    <span>作者 {{lists.userInfo.nick_name}}</span>
                    <span>{{lists.readyNum}} 次浏览</span>
                    <span>来自 {{lists.classify}}</span>
                </div>
            </div>
            <ul class="list-group forum-list-wrapper mt-3">
                {{@ lists.content}}
            </ul>
            <!-- spacer  -->
            <!-- 发布文章的用户信息 -->
            <div class="spacer"></div>
        </div>
        <div class="col col-lg-3" id="sidebar">
            <div class="panel">
                <div class="header">
                    <span class="col_fade">作者</span>
                </div>
                <div class="inner">
                    <div class="user_card">
                        <div>
                            <a class="user_avatar" href="javascript:;">
                                <img src="{{!lists.userInfo.avatar?'/public/img/empty.jpg':lists.userInfo.avatar}}" title="HG9558">
                            </a>
                            <span class="user_name"><a class="dark" href="javascript:;">{{lists.userInfo.nick_name}}</a></span>
                            <div class="board clearfix">
                                <div class="floor">
                                    <span class="big">积分: {{lists.userInfo.visitNum}} </span>
                                </div>
                            </div>
                            <div class="space clearfix"></div>
                            <span class="signature"> “{{lists.userInfo.sign}}”</span>
                            <div class="website">个人博客：{{lists.userInfo.website}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        {{include '../components/ratings.html'}}
    </div>
    {{if nick_name}}
    <div class="row">
        {{include '../components/callbackRatings.html'}}
    </div>
    {{/if}}
</div>
{{/block}} {{block 'script'}}


<script src="/public/release/wangEditor.js"></script>
<script src="/utils/ajax.js"></script>
<script src="/js/header.js"></script>
<script src="/js/article.js"></script>

{{/block}}